<script setup>
import { ref } from 'vue'
const message = ref('Hello World!')
</script>

<template>
  <h1>{{ message }}</h1>
  <button @click="message += '!'">Append "!"</button>
</template>

<style>
button { display: inline-block; margin-top: 1rem; }
</style>